/*右侧菜单*/
.rightnav{
    position: fixed;
    bottom: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    bottom: 200px;
}
.rightnav-left{
    background: rgba(0,0,0,0.5);
    padding: 5px;
    height: 38px;
}
.rightnav-left span{
    color: #fff;
    vertical-align: middle;
}
.rightnav-left span:nth-child(1){
    padding-right: 3px;
    font-size: 1rem;
}
.rightnav-left span:nth-child(2){
    display: inline-block;
    width: 30px;
}
.rightnav-right{
    background: #fff;
    padding: 0 0 10px 0;
}
.rightnav-right ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.rightnav-right ul li{
    text-align: center;
    padding: 0 10px;
    margin-top: 10px;
}
.rightnav-right ul li p{
    font-size: 1rem;
}
.rightnav-right ul li span{
    font-size: 1.8rem;
}
.rightnav-right ul li a, .rightnav-right ul li a:link, .rightnav-right ul li a:hover, .rightnav-right ul li a:visited, .rightnav-right ul li a:active{color:#fff;}
.rightnav-right ul li span:nth-child(1){
    padding-right: 0;
}
.rightnav-left-tran{
    line-height: 38px;
}
/*左侧菜单*/
.leftnav{
    justify-content: flex-start;
    bottom: 100px;
}
.leftnav .leftnav-leftWord{
    font-size: 1.4rem;
}
.leftnav-left{
    background: rgba(0,0,0,0.5);
    padding: 5px;
    height: 38px;
}
.leftnav-left span:nth-child(1){
    display: inline-block;
    width: 30px;
}
.leftnav-left span:nth-child(2){
    padding-right: 3px;
    font-size: 1rem;
}
.leftnav-left span{
    color: #fff;
    vertical-align: middle;
}
.leftnav-left-tran {
    line-height: 38px;
}
@media (max-width:320px) {
    .rightnav-right ul li{
        padding: 0 7px;
    }
}